#nav
{
    background: #fff;
     opacity: 0.7;
     list-style: none outside none;
    }
/* Targeting both first and second level menus */
#nav li {
	float: left;
	height:43px;
	background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #1C401B;
    color: #047400;
    display: inline-block;
    font-family: dynalight,sans-serif;
    margin-right: -4px;
    padding: 14px 20px;
    position: relative;
    transition: all 0.2s ease 0s;
	
}
#nav li:hover
{
      background: #047400;
    color: #fff;
    }
#nav li a {

	color: #333;
	display: block;

}
#nav li a:hover {
	text-decoration: none;
	color: #fff;
}

/* Targeting the first level menu */
#nav {
	display: block;
	height: 35px;
	padding: 10px 0;
	width: 500px;
	z-index: 100;
	position: absolute;
}
#nav > li > a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

/* Targeting the second level menu */
#nav li ul {
	background: #fff;
	color: #333;
	display: none;
	margin: -3px 0 0 0;
	position: absolute;
	
	 opacity: 0.7;
}
#nav li ul li {
	width: 100%
}
#nav li ul li a {
	background: none;
	border: none;
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 5px;
}
#nav li ul li a:hover {
	
}

/* Third level menu */
#nav li ul li ul{
	right: -200px; top: 0;
}

/* A class of current will be added via jQuery */
#nav li.current > a {
	
}
/* CSS fallback */
#nav li:hover > ul.child {
	display: block;
}
#nav li:hover > ul.grandchild  { 
	display: block; 
}